<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <title>新里程客户管理系统</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <link rel="shortcut icon" type="image/png" th:href="@{/img/edu.ico}" />
    <!-- ================== BEGIN BASE CSS STYLE ================== -->
    <link th:href="@{assets/plugins/jquery-ui/themes/base/minified/jquery-ui.min.css}" rel="stylesheet" />
    <link th:href="@{assets/plugins/bootstrap/css/bootstrap.min.css}" rel="stylesheet" />
    <link th:href="@{assets/plugins/font-awesome/css/font-awesome.min.css}" rel="stylesheet" />
    <link th:href="@{assets/css/animate.min.css}" rel="stylesheet" />
    <link th:href="@{assets/css/style.min.css}" rel="stylesheet" />
    <link th:href="@{assets/css/style-responsive.min.css}" rel="stylesheet" />
    <link th:href="@{assets/css/theme/default.css}" rel="stylesheet" id="theme" />
    <!-- ================== END BASE CSS STYLE ================== -->
    <link th:href="@{assets/plugins/pnotify/dist/pnotify.css}" rel="stylesheet">
    <link th:href="@{assets/plugins/pnotify/dist/pnotify.buttons.css}" rel="stylesheet">
</head>
<body class="pace-top">
<!-- begin #page-loader -->
<div id="page-loader" class="fade in"><span class="spinner"></span></div>
<!-- end #page-loader -->
<!-- begin #page-container -->
<div id="page-container" class="fade">
    <!-- begin login -->
    <div class="login login-with-news-feed">
        <!-- begin news-feed -->
        <div class="news-feed">
            <div class="news-image">
                <img th:src="@{assets/img/login-bg/bp.png}" data-id="login-cover-image" alt="" />
            </div>
        </div>
        <!-- end news-feed -->
        <!-- begin right-content -->
        <div class="right-content">
            <div class="login-header" style="padding: 50px 60px 0 ">
                <div class="brand"><i class="fa fa-sign-in"></i>客户管理系统用户登陆</div>
            </div>
            <!-- end login-header -->
            <!-- begin login-content -->
            <div class="login-content">
                <form action="#" method="post" onsubmit="return false" class="margin-bottom-0" id="loginForm">
                    <div class="form-group m-b-20">
                        <input type="text" name="username" class="form-control input-lg" placeholder="用户名" required />
                    </div>
                    <div class="form-group m-b-20">
                        <input type="password" name="password" class="form-control input-lg" placeholder="密码" required />
                    </div>
                    <div class="form-group type1" style="display:inline-block">
                        <input type="text" name="imageCode" class="form-control input-lg" placeholder="验证码" required  style="width:50%; display:inline-block"/>
                        <img data-th-src="@{/image/code}" id="validateCodeImg" onclick="reloadCode()" style="display:inline-block;margin-left:.2rem" />
                    </div>
                    <div class="form-group" style="margin: 0;">
                    </div>
                    <div class="login-buttons">
                        <button type="submit" onclick="formLogin()" id="form-login-button" class="btn btn-success btn-block btn-lg">登陆</button>
                    </div>
                    <hr />
                    <p class="text-center">
                        &copy; xlcwx.com All Right Reserved 2019
                    </p>
                </form>
            </div>
            <!-- end login-content -->
        </div>
        <!-- end right-container -->
    </div>
</div>
<!-- end page container -->

<!-- ================== BEGIN BASE JS ================== -->
<script th:src="@{assets/plugins/jquery/jquery-1.9.1.min.js}"></script>
<script th:src="@{assets/plugins/jquery/jquery-migrate-1.1.0.min.js}"></script>
<script th:src="@{assets/plugins/jquery-ui/ui/minified/jquery-ui.min.js}"></script>
<script th:src="@{assets/plugins/bootstrap/js/bootstrap.min.js}"></script>
<!--[if lt IE 9]>
<script th:src="@{assets/crossbrowserjs/html5shiv.js}"></script>
<script th:src="@{assets/crossbrowserjs/respond.min.js}"></script>
<script th:src="@{assets/crossbrowserjs/excanvas.min.js}"></script>
<![endif]-->
<script th:src="@{assets/plugins/jquery-hashchange/jquery.hashchange.min.js}"></script>
<script th:src="@{assets/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
<script th:src="@{assets/plugins/jquery-cookie/jquery.cookie.js}"></script>
<!-- ================== END BASE JS ================== -->
<script th:src="@{assets/plugins/pnotify/dist/pnotify.js}"></script>
<script th:src="@{assets/plugins/pnotify/dist/pnotify.buttons.js}"></script>
<!-- ================== BEGIN PAGE LEVEL JS ================== -->
<script th:src="@{assets/plugins/pace/pace.min.js}"></script>
<script th:src="@{assets/js/apps.min.js}"></script>
<!-- ================== END PAGE LEVEL JS ================== -->
<script data-th-src="@{js/app/login.js}"></script>
<script th:inline="javascript">
    var ctx = [[@{/}]];
    $(document).ready(function() {
        App.init(ajax=true);
    });
</script>

</body>
</html>
